:root{--fondo:#f4f4f4;--texto:#333;--borde:#ccc;}body{font-family:Arial,sans-serif;background-color:var(--fondo);color:var(--texto);margin:0;padding:0;}.titulo-principal,.subtitulo-principal{margin-top:revert;}.btn-limpiar{background-color:white;border:2px solid #ff6600;color:black;font-weight:bold;font-family:Arial,sans-serif;border-radius:30px;padding:0.5em 1em;cursor:pointer;transition:background-color 0.3s,color 0.3s;}.btn-limpiar:hover{background-color:#6c757d;color:white;}.btn-actualizar{background-color:#ff6600;border:none;color:black;font-weight:bold;font-family:Arial,sans-serif;border-radius:30px;padding:0.5em 1em;cursor:pointer;transition:background-color 0.3s,color 0.3s;}.btn-actualizar:hover{background-color:#6c757d;color:white;}label,.texto-h2{color:black;font-weight:bold;}.layout-contenedor{display:flex;flex-direction:row;gap:20px;}.contenido-principal{flex:1;}.panel-usuario{width:300px;background-color:var(--panel);border-left:1px solid var(--borde);padding:20px;height:fit-content;position:sticky;top:20px;}.panel-detalle{position:fixed;top:0;right:0;width:400px;height:100%;overflow-y:auto;z-index:1050;border-left:1px solid var(--borde);background-color:var(--panel);transform:translateX(100%);transition:transform 0.3s ease-in-out;}.panel-detalle.visible{transform:translateX(0);}@media (max-width:992px){.layout-contenedor{flex-direction:column;}.panel-usuario{width:100%;position:relative;top:auto;border-left:none;border-top:1px solid var(--borde);}.panel-detalle{width:100%;}}.table{border:1px solid var(--borde);border-radius:8px;overflow:hidden;font-size:14px;}.table thead{background-color:var(--secundario);font-weight:bold;text-align:center;}.table td,.table th{text-align:center;vertical-align:middle;padding:12px;}a.ver-detalle{background:none;border:none;color:#ff6600;text-decoration:underline;cursor:pointer;font-weight:bold;padding:0;}.panel-usuario{width:300px;background-color:var(--panel);border-left:1px solid var(--borde);padding:20px;font-size:14px;box-shadow:-2px 0 5px rgba(0,0,0,0.05);}.panel-usuario .btn-danger{width:100%;font-weight:bold;}.panel-detalle{font-size:14px;}.paginacion{display:flex;justify-content:center;margin-top:20px;gap:8px;}.paginacion button{border:1px solid var(--borde);background-color:white;padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:bold;}.paginacion button:hover{background-color:var(--secundario);}.sombra-tabla{box-shadow:0 4px 12px rgba(0,0,0,0.1);padding:1rem;background-color:#fff;border-radius:0.5rem;}.btn-cerrarSession{background-color:white;border:2px solid #ff6600;color:black;font-weight:bold;font-family:Arial,sans-serif;border-radius:30px;padding:0.5em 1em;cursor:pointer;transition:background-color 0.3s,color 0.3s;}.btn-cerrarSession:hover{background-color:#6c757d;color:white;}a.btn-navegacion{background:none;border:none;color:#6c757d !important;text-decoration:underline;cursor:pointer;font-weight:bold;padding:0;}.modal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5);}.modal-content{background-color:#fff;margin:10% auto;padding:20px;border-radius:8px;width:80%;max-width:500px;box-shadow:0 5px 15px rgba(0,0,0,0.3);}.modal-header{font-size:20px;font-weight:bold;margin-bottom:10px;}.modal-body{margin-bottom:20px;}.close-btn{background-color:#007bff;color:white;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;}.close-btn:hover{background-color:#0056b3;}.texto-modal{font-weight:bold !important;color:black;font-size:15px;}.boton-continuar{background-color:#ccc;color:white;padding:5px 30px;border:none;border-radius:20px;font-weight:bold;font-size:16px;cursor:pointer;transition:background-color 0.3s,color 0.3s;}.boton-continuar:hover{background-color:#ff6600;color:black;}.pagination .page-link{border-radius:50% !important;width:40px;height:40px;padding:0;line-height:38px;text-align:center;border:1px solid #ddd;color:#333;background-color:#fff;margin:0 4px;transition:all 0.2s ease;}.pagination .page-item.active .page-link{background-color:#ff6600;color:#fff;border:none;}.pagination .page-link:hover{background-color:#ffe0cc;color:#000;}.pagination .page-item.disabled .page-link{background-color:transparent;border:none;color:#999;}.pagination .page-link.flecha{color:#ff6600;font-weight:bold;border:none;background-color:transparent;font-size:1.2rem;}.alinear-texto-card{margin-right:30px;}.btn-ver-detalle-paso-2{text-decoration:underline;}.campo-actualizado{border:2px solid #00BFFF !important;color:#00BFFF !important;}#loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(255,255,255,0.9);display:none;justify-content:center;align-items:center;z-index:9999;}.loader{border:6px solid white;border-top:6px solid #ff6600;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.custom-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:500;border:none;cursor:pointer;background-color:transparent;color:#444;}.custom-btn.regresar{border-radius:3px;}.custom-btn.aceptar{border-radius:8px;}.icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-size:16px;font-weight:bold;}.regresar-icon{background-color:#4da6ff;}.regresar-icon::before{content:"⬅";}.aceptar-icon{background-color:#4CAF50;}.aceptar-icon::before{content:"✔";}.Update-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:9999;}.Update-modal-content{background-color:#fff;padding:40px;border-radius:10px;max-width:500px;width:90%;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.2);}.Update-modal-content h3{margin-bottom:20px;font-size:20px;font-weight:bold;}.Update-modal-content ul{list-style:none;padding:0;margin-bottom:20px;}.Update-modal-content li{margin-bottom:10px;font-size:16px;color:#000;font-weight:bold;}.Iframe-modal-detalle{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);display:flex;justify-content:center;align-items:center;z-index:9999;}.Iframe-modal-contenido{background-color:#fff;padding:20px;border-radius:8px;max-height:90%;overflow-y:auto;width:80%;box-shadow:0 4px 8px rgba(0,0,0,0.2);position:relative;}.Iframe-cerrar-modal{position:absolute;top:10px;right:15px;font-size:24px;font-weight:bold;color:#333;cursor:pointer;}.Iframe-cerrar-modal:hover{color:#000;}.Iframe-modal-contenido ul{list-style-type:none;padding:0;}.Iframe-modal-contenido h3{margin-top:0;}.Iframe-modal-contenido li{iframe{border:1px solid #ccc;border-radius:4px;width:100%;height:600px;}}#detalle-contenido p{color:#000 !important;}.boton-cerrar-sesion{background-color:white;border:2px solid #ff6600;color:black !important;font-weight:bold;font-family:Arial,sans-serif;border-radius:30px;padding:0.5em 1em;cursor:pointer;transition:background-color 0.3s,color 0.3s;}.boton-cerrar-sesion:hover{background-color:#6c757d;color:white;}